﻿//弹出框调用js
var
        wxAlert = top.wx_alert,//如果本地没有wxAlert就使用顶部框架的wxAlert对象
        $generalBtn = $("#generalAlert"),
        $successBtn = $("#successAlert"),
        $errorBtn = $("#errorAlert"),
        $loadBtn = $("#loadAlert"),
        $warnBtn = $("#warningAlert");

/* 
调用方法
wxAlert.show(paramsObj);

paramsObj为一个对象，对象有四个可选属性
1、types—— 提示框的类型，分别有
            right——正确
            error——错误
            warning——警告
            quest——疑问
            loading——正在加载    
2、txt ——提示框上面写的文字（字符串）
3、time——提示框显示的时间，默认为两秒（数字，以毫秒为单位）  
4、mask——是否带遮罩层，可取true（显示），false（不现实）默认为false   
*/


//调用一般，正常，无特殊样式的弹出框
$generalBtn.on("click", function () {
    wxAlert.show({
        types: "quest",
        txt: "疑问有问题",
        time: 5000 //可以不写，默认2秒后隐藏弹出框
    });
});

//调用正确，成功样式的弹出框
$successBtn.on("click", function () {
    wxAlert.show({
        types: "right",
        txt: "成功了！",
        time: 2000
    });
});

//调用失败、错误样式的弹出框
$errorBtn.on("click", function () {
    wxAlert.show({
        types: "error",
        txt: "失败了",
        time: 2000
    });
});

//调用正在加载样式的弹出框
$loadBtn.on("click", function () {
    wxAlert.show({
        types: "loading",
        txt: "疑问有问题",
        time: 5000
    });
});


//调用警告，警示的提示框
$warnBtn.on("click", function () {
    wxAlert.show({
        types: "warning",
        txt: "警告",
        time: 2000
    });
});